:host {
  color: var(--fg2);

  .menu-toggle {
    color: var(--fg2);
  }
}

.reports-toolbar ::ng-deep {
  align-items: flex-end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;

  ix-slide-toggle {
    align-items: center;
    display: flex;
    margin: 0;
    min-height: 36px;

    .mat-mdc-slide-toggle-content {
      font-family: var(--font-family-body);
    }
  }

  ix-select {
    display: flex;
    margin: 0;
    padding: 0;

    .input-container {
      width: 180px;
    }
  }
}

.reports-menu ::ng-deep {
  .mat-mdc-menu-item {
    &.selected {
      background-color: var(--primary);
    }
  }
}
